var rightCon_1=document.querySelector(".rightCon-1");
var rcStr1="";
for(let dom of data1){
    rcStr1+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_1.innerHTML=rcStr1;

var rightCon_2=document.querySelector(".rightCon-2");
var rcStr2="";
for(let dom of data2){
    rcStr2+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_2.innerHTML=rcStr2;

var rightCon_3=document.querySelector(".rightCon-3");
var rcStr3="";
for(let dom of data3){
    rcStr3+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_3.innerHTML=rcStr3;

var rightCon_4=document.querySelector(".rightCon-4");
var rcStr4="";
for(let dom of data4){
    rcStr4+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_4.innerHTML=rcStr4;

var rightCon_5=document.querySelector(".rightCon-5");
var rcStr5="";
for(let dom of data5){
    rcStr5+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_5.innerHTML=rcStr5;

var rightCon_6=document.querySelector(".rightCon-6");
var rcStr6="";
for(let dom of data6){
    rcStr6+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_6.innerHTML=rcStr6;

var rightCon_7=document.querySelector(".rightCon-7");
var rcStr7="";
for(let dom of data7){
    rcStr7+=`
    <li class="list">
                    <i class="img">
                     <div class="bgm" style="${dom.img_url}"></div>
                    </i>
                    <em class="popu">${dom.title}
                        <b class="bf"></b>
                    </em>
                    <div class="songs">${dom.gequ}</div>
                </li>
    `
}
rightCon_7.innerHTML=rcStr7;

var radiolist=document.querySelector(".radiolist");
var currents=document.querySelectorAll(".current");
var rightCons=document.querySelectorAll(".rightCon");

radiolist.onclick=function(e){
    for(var i=0;i<currents.length;i++){
        currents[i].classList.remove("active");
        rightCons[i].classList.remove("active");
    }
    if(e.target.localName=='li'){
        var index=parseInt(e.target.dataset.i);
        currents[index].classList.add("active");
        rightCons[index].classList.add("active");
    }
}
